import React, { memo } from 'react'

import { PlayerWrapper, PlayerLeft, PlayerRight } from './style'
import HYPlayerInfo from './c-cpns/player-info'
import HYPlayerComment from './c-cpns/player-comment'
import HYPlayerSongs from './c-cpns/player-songs'
import HYRelevant from './c-cpns/player-relevant'

export default memo(function HYPlayer () {
  return (
    <PlayerWrapper>
      <div className="content wrap-v2">
        <PlayerLeft>
          <HYPlayerInfo />
          <HYPlayerComment />
        </PlayerLeft>
        <PlayerRight>
          <HYPlayerSongs />
          <HYRelevant />
        </PlayerRight>
      </div>
    </PlayerWrapper>
  )
})
